<template>
  <view class="container">
    <view class="header">
      <text class="title">隐私政策</text>
      <text class="update-time">更新日期：2025年10月20日</text>
    </view>

    <view class="content">
      <view class="section">
        <text class="section-title">一、引言</text>
        <text class="section-text">
          家电商城（以下简称"我们"）非常重视用户的隐私保护。本隐私政策旨在向您说明我们如何收集、使用、存储和保护您的个人信息。请您仔细阅读本政策。
        </text>
      </view>

      <view class="section">
        <text class="section-title">二、我们收集的信息</text>
        <text class="section-text">
          1. 基本信息：微信昵称、头像等微信授权信息
        </text>
        <text class="section-text">
          2. 手机号码：用于账户验证和订单通知
        </text>
        <text class="section-text">
          3. 收货地址：用于商品配送
        </text>
        <text class="section-text">
          4. 订单信息：包括商品信息、交易金额、交易时间等
        </text>
        <text class="section-text">
          5. 设备信息：设备型号、操作系统版本等用于优化服务
        </text>
      </view>

      <view class="section">
        <text class="section-title">三、信息使用目的</text>
        <text class="section-text">
          1. 为您提供商品浏览、购买、配送等核心服务
        </text>
        <text class="section-text">
          2. 向您发送订单状态、物流信息等必要通知
        </text>
        <text class="section-text">
          3. 改进和优化小程序功能和用户体验
        </text>
        <text class="section-text">
          4. 保障交易安全，防范欺诈风险
        </text>
        <text class="section-text">
          5. 遵守法律法规要求
        </text>
      </view>

      <view class="section">
        <text class="section-title">四、信息的存储与保护</text>
        <text class="section-text">
          1. 您的个人信息将存储在安全的服务器上，我们采用业界标准的安全技术保护您的信息。
        </text>
        <text class="section-text">
          2. 我们会采取合理措施防止信息丢失、泄露、损毁或篡改。
        </text>
        <text class="section-text">
          3. 我们仅在必要期限内保留您的个人信息，超出期限后将进行删除或匿名化处理。
        </text>
      </view>

      <view class="section">
        <text class="section-title">五、信息的共享与披露</text>
        <text class="section-text">
          1. 我们不会向第三方出售或出租您的个人信息。
        </text>
        <text class="section-text">
          2. 我们可能与物流服务商共享必要的配送信息。
        </text>
        <text class="section-text">
          3. 在以下情况下，我们可能披露您的信息：
        </text>
        <text class="section-text">
          - 获得您的明确同意
        </text>
        <text class="section-text">
          - 根据法律法规要求
        </text>
        <text class="section-text">
          - 为维护平台安全和合法权益
        </text>
      </view>

      <view class="section">
        <text class="section-title">六、您的权利</text>
        <text class="section-text">
          1. 访问权：您有权查看您的个人信息
        </text>
        <text class="section-text">
          2. 更正权：您可以要求更正不准确的信息
        </text>
        <text class="section-text">
          3. 删除权：在特定情况下，您可以要求删除您的信息
        </text>
        <text class="section-text">
          4. 撤回同意：您可以随时撤回对信息处理的同意
        </text>
      </view>

      <view class="section">
        <text class="section-title">七、未成年人保护</text>
        <text class="section-text">
          我们非常重视未成年人的隐私保护。如果您是未成年人，请在监护人的陪同下阅读本政策，并在监护人同意后使用我们的服务。
        </text>
      </view>

      <view class="section">
        <text class="section-title">八、政策更新</text>
        <text class="section-text">
          我们可能适时修订本隐私政策。修订后的政策将在小程序内公示，继续使用即视为接受修订后的政策。重大变更我们会以醒目方式通知您。
        </text>
      </view>

      <view class="section">
        <text class="section-title">九、联系我们</text>
        <text class="section-text">
          如您对本隐私政策有任何疑问、意见或建议，或需要行使您的相关权利，请通过小程序内的客服功能联系我们，我们将在15个工作日内回复您。
        </text>
      </view>
    </view>

    <view class="footer">
      <button class="agree-btn" @click="goBack">我已知晓</button>
    </view>
  </view>
</template>

<script setup lang="ts">
const goBack = () => {
  uni.navigateBack();
};
</script>

<style scoped>
.container {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: 120rpx;
}

.header {
  background-color: #fff;
  padding: 40rpx;
  text-align: center;
  border-bottom: 1rpx solid #e0e0e0;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 20rpx;
}

.update-time {
  font-size: 24rpx;
  color: #999;
  display: block;
}

.content {
  padding: 30rpx;
}

.section {
  background-color: #fff;
  padding: 30rpx;
  margin-bottom: 20rpx;
  border-radius: 16rpx;
}

.section-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 20rpx;
}

.section-text {
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
  display: block;
  margin-bottom: 16rpx;
  text-align: justify;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20rpx 40rpx;
  background-color: #fff;
  border-top: 1rpx solid #e0e0e0;
  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
}

.agree-btn {
  width: 100%;
  height: 88rpx;
  line-height: 88rpx;
  background-color: #1aad19;
  color: #fff;
  font-size: 32rpx;
  border-radius: 44rpx;
  border: none;
}

.agree-btn::after {
  border: none;
}
</style>


